<template>
	<el-card shadow="never" header="版本信息" style="margin: 15px 0px; padding: 0px;">
		<div style="height: 265px;text-align: center; padding-top: 15px">
			<img src="img/ver.svg" style="height:150px"/>
			<h2 style="margin-top: 25px;">{{this.appName}} v{{appVersion}}</h2>
			<h3 style="margin-top: 10px; font-size: 15px;">创建时间 {{this.createTime}}</h3>
		</div>
	</el-card>
</template>

<script>
	export default {
		title: "版本信息",
		icon: "el-icon-monitor",
		description: "",
		props:{
			data:Object
		},
		watch:{
			data:{
				handler(){
					if (typeof(this.data.appInfo) != 'undefined'){
						this.appName = this.data.appInfo.appName;
						this.createTime = this.data.appInfo.createTime;
						//this.appVersion = this.data.appInfo.appVersion;
						console.log(this.data.appInfo);
					}
				},
				deep:true
			}
		},
		data() {
			return {
				ver: 'loading...',
				appName: '',
				createTime: '',
				appVersion: '1.0.0'
			}
		},
		mounted() {

		},
		methods: {
			
		}
	}
</script>
